<div class="app-screen-container">
    <div class="app-screen-rightSideWedding">
        <app-part-container type="redpack" num="10" />
        <app-part-container type="gift" num="5" />
    </div>

    <!-- <app-sign-list /> -->
    <ng-content *ngIf="state.hasQrode">
        <app-qrcode-container [url]="httpData?.app_url" (clickEvent)="qrcodeClick()"/>
    </ng-content>

    <ng-content *ngIf="state.hasSphere">
        <app-sphere-container />
    </ng-content>

    <ng-content *ngIf="state.hasSignThree">
        <app-sign-three />
    </ng-content>

    <ng-content *ngIf="state.hasSignBooks">
        <app-sign-books />
    </ng-content>

    <ng-content *ngIf="state.hasAudio">
        <app-audio-container></app-audio-container>
    </ng-content>

    <app-bottom-container #bottomContainer/>
</div>